<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Team Homepage</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.gallery.css"/>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.js"></script>
<script type="text/javascript" src="js/plugins/jquery.gallery.0.3.js"></script>
<script>
	$(document).ready(function(){
		$('#id_of_gallery').gallery({
    		interval: 5500,
    		height: '230px',
    		width: '800px'
	});
});
</script>
<style type="text/css">
<!--
.style2 {font-size: 16px}
-->
</style>
</head>

<body>
<div id="wrapper">
	<div id="header">
    	
<div id="id_of_gallery" class="gallery">
<div id="logo"><img src="images/logo_v2.png" width="87" height="70" /></div>
  			<ul class="galleryBar">
    			<li><a href="images/slideshow/1.jpg" title="Welcome to the intramurals page!"><img src="images/thumbnails/#_thumbnail.jpg" title="Greetings! I'm the first caption!" /></a></li>
    			<li><a href="images/slideshow/2.jpg" title="Hi Drew!"><img src="images/thumbnails/#_thumbnail.jpg" title="Hello there I'm the second caption"/></a></li>
    			<li><a href="images/slideshow/3.jpg" title="Hi Ryan!"><img src="images/thumbnails/#_thumbnail.jpg" title="I'm the third caption"/></a></li>
                <li><a href="images/slideshow/4.jpg" title="HAZZAH!"><img src="images/thumbnails/#_thumbnail.jpg" title="I'm the 4th"/></a></li>
    			<li><a href="images/slideshow/5.jpg" title="you get the idea"><img src="Images/thumbnails/#_thumbnail.jpg" title="...and so forth"/></a></li>
  			</ul>
		</div>
	</div>
<div class="nav">
    	<ul>
        	<li><a href="index.html">Home</a>
			<li><a href="#">Sports</a>
            <ul>
				<li><a href="#">Tennis</a></li>
                <li><a href="#">Softball</a></li>
                <li><a href="#">Tennis</a></li>
                <li><a href="#">Basketball</a></li>
                <li><a href="#">Volleyball</a></li>
                <li><a href="#">Dodgeball</a></li>
                <li><a href="#">Soccer</a></li>
                <li><a href="#">Fall Football</a></li>
			</ul>            
            </li>
			<li><a href="schedule.html">Schedule</a></li>
			<li><a href="referees.html">Referees</a></li>
			<li><a href="standings.html">Standings</a></li>
            <li><a href="#">Register</a></li>
          </ul>
      </div>
    <div id="container">
    	<div id="content">
        <h1>Announcements</h1>
        <table width="387" height="160" border="0">
          <tr>
            <td width="185" height="51"><div align="right">
              <h3 align="left">Team Name: David (0-1)<br/>
                Floor/Wing: Broho</h3>
            </div></td>
            <td width="186"><div align="left">
              <h3>Sport: Soccer<br/>
                League: Men</h3>
            </div></td>
          </tr>
          <tr>
            <td height="50"><table width="100" border="1">
              <tr>
                <td><h3>Score Box</h3></td>
              </tr>
              <tr>
                <td bgcolor="#00FF00">Wins</td>
              </tr>
              <tr>
                <td bgcolor="#FF0000">Losses</td>
              </tr>
              <tr>
                <td bgcolor="#FFFF00">Ties</td>
              </tr>
            </table></td>
            <td valign="top">View by <strong>Month</strong><br/>
            go to this <strong>week</strong></td>
          </tr>
        </table>
        
        <!--Ryan's Calender Here-->
       
        <br/>
        <br/>
        <table width="387" border="0">
  <tr>
    <td width="184" height="74" valign="top"><p><strong><u>Standings</u></strong>
      </p>
      <p>1) <u>Goliath</u> 2-0<br/>
        2) <u>Brazil</u> 1-0<br/>
        3) <u>Portugal</u> 0-1-1<br/>
        4) <u>David</u> 0-1-1<br/>
        5) <u>Team A</u> 0-1<br/>
        6) <u>Team B</u> 0-1<br/>
        7) <u>Big Boyz</u> 0-1</p></td>
    <td width="187" valign="top"><p><strong><u>Team Roster</u></strong>
    </p>
      1) <u>Joe </u><br/>
      2) <u>Paul</u><br/>
      3) <u>Jordan</u><br/>
      4) <u>James</u><br/>
      5) <u>Tim</u><br/>
      6) <u>________</u><br/>
      7) <u>________</u></p></td>
  </tr>
</table>

      
      
      </div>
      
      <div id="sidebar">
        Search<br />
  <input type="text" id="search" name="temp" onblur="checksearch();"/><br />
        <a href="#">Hi</a>
        Aliquam tincidunt mattis nulla, non auctor metus posuere lobortis. Nam placerat lorem at nibh egestas sollicitudin. Suspendisse dapibus accumsan sem, a tristique felis fermentum quis. Aliquam rhoncus mauris laoreet justo ultrices a ultrices nunc laoreet. Nulla egestas egestas tempus. Morbi lobortis augue nec sem blandit imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla et nulla leo. Nulla lorem nulla, interdum vitae suscipit sed, tristique at enim. Integer ut blandit nulla. Aliquam ac porta nulla. Phasellus nunc ligula, gravida et rhoncus sit amet, ultrices eget quam.</div>
    </div>
<div id="footer">Hello, copyrights</div>
</div>
</body>
</html>
